<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器_UI伪类</title>
    <style>
      /* 复选框和单选框(没有背景颜色) */
      input:checked/*被选中的*/ {
        height: 100px;
        width: 100px;
      }

      /* 被禁用的输入框 */
      input:disabled {
        background-color: green;
      }

      /* 能使用的输入框（不经常用） */
      input:enabled {
        background-color: orange;
      }
    </style>
</head>
<body>
<input type="checkbox">
<input type="radio" name="name">
<input type="radio" name="name">
<input type="text">
<input type="text" disabled>
</body>
</html>